<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="baidu-site-verification" content="NZaeAtrbFk"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>杭州颐瑞科技有限公司</title>
    <asset:stylesheet src="style.css" media="screen"/>
    <asset:stylesheet src="htmleaf-demo.css"/>
    <asset:stylesheet src="myAlert.min.css"/>
    <asset:javascript src="jquery1.8.3.js"/>
    <asset:javascript src="jquery-1.11.0.min.js"/>
    <asset:javascript src="jquery-form.js"/>
    %{--<asset:javascript src="jquery.min.js"/>--}%
    <asset:javascript src="jquery.flexslider-min.js"/>
    <asset:javascript src="js.js"/>
    <asset:javascript src="myAlert.min.js"/>
    <script type="text/javascript">
        function validate_required(field, alerttxt) {
            with (field) {
                switch (field.name) {
                    case "email":
                        return checkForm(/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/, alerttxt, field.name)
                        break;
                    case "phone":
                        return checkForm(/^1[35789]\d{9}$/, alerttxt, field.name)
                        break;
                }
            }
        }

        function checkForm(reg, b, name) {
            var c = document.getElementById(name).value
            if (!reg.test(c)) {
                alert(b)
                return false
            } else {
                return true
            }
        }

        function validate_form(thisform) {
            with (thisform) {
                var a = validate_required(phone, "手机格式错误")
                var d = validate_required(email, "邮箱格式错误")
                var f = a && d
                if (!f) {
                    refr()
                    return false
                } else {
                    return true
                }
            }
        }

        $(document).ready(function () {
            $('.flexslider').flexslider({
                directionNav: true,
                pauseOnAction: false
            });

            $('#record_form').submit(function () {
                var value = window.document.getElementById("code").value
                if (validate_form(this)) {
                    $.ajax({
                        url: "/user/checkCode",
                        data: {code: value},
                        async: false,
                        type: "post",
                        success: function (data) {
                            if (data.data == "0") {
                                $.ajax({
                                    url: "/user/add",
                                    data: $("#record_form").serialize(),
                                    type: "post",
                                    async: false
                                }).done(function (response) {
                                    if (response.data == true) {
                                        $("input[type=reset]").trigger("click");
                                        refr()
                                        $.myAlert('感谢您的访问!')
                                    } else {
                                        $.myAlert("失败,请稍后重试")
                                    }
                                }).fail(function (json) {
                                    refr()
                                });
                            } else {
                                alert("验证码错误")
                                refr()
                            }
                        }
                    });
                }
            });
        });

        function refr() {
            document.getElementById("cfi_cod").src = "${grailsApplication.config.address.url}/user/getCode?number=" + Math.random()

        }
    </script>
</head>

<body>
<div class="header">
    <g:link controller="user" action="index"><g:img dir="images" file="logo.png" class="logo_img" alt="颐瑞科技"/></g:link>
    <ul class="nav_ul">
        <li class="active_li"><g:link controller="user" action="index">首页</g:link></li>
        <li><g:link controller="user" action="solution">解决方案</g:link></li>
        <li><g:link controller="user" action="about">关于颐瑞</g:link></li>
        <li><g:link controller="user" action="join">加入我们</g:link></li>
    </ul>
</div>

<div class="flexslider">
    <ul class="slides">
        <li><g:img dir="images" file="banner2.jpg"/></li>
        <li><g:img dir="images" file="banner3.jpg"/></li>
        <li><g:img dir="images" file="banner4.jpg"/></li>
    </ul>
</div>

<div class="line_content">
    <div class="line_center_box">
        <h2 class="p_one">解决方案</h2>

        <p class="p_two">Solution</p>
    </div>
</div>

<div class="solution">
    <ul class="solution_item">
        <li>
            <g:img dir="images" file="case2.jpg"/>
            %{--<img src="${grailsApplication.config.address.url}/assets/"/>--}%

            <p class="case_name">
                <g:link controller="menu" action="solutioncard">城市一卡通</g:link>
                %{--<a href="menu/solutioncard">城市一卡通</a></p>--}%
                <div class="case_content">
                    <h3>城市一卡通</h3>

            <p>颐瑞科技城市通卡平台按照产品线进行划分，共计分为运营中心处理系统、客户服务系统、本地制卡系统、统一接入系统、移动应用系统、微信应用系统、门户网站、通讯传输系统及风控系统。</p>
            %{--<a href="menu/solutioncard">查看更多</a>--}%
            <g:link controller="menu" action="solutioncard">查看更多</g:link>
</div>
</li>
<li>
    %{--<img src="${grailsApplication.config.address.url}/assets/case3.jpg"/>--}%
    <g:img dir="images" file="case3.jpg"/>
    <p class="case_name">
        <g:link controller="menu" action="solutionmedical">智慧医疗服务平台</g:link></p>

    <div class="case_content">
        <h3>智慧医疗服务平台</h3>

        <p>颐瑞智慧医疗服务平台通过云计算技术，运用包括微信、支付宝、手机APP、自助终端等多种媒介为患者提供移动端辅助医疗服务的应用。</p>
        <g:link controller="menu" action="solutionmedical">查看更多</g:link>
    </div>
</li>
<li>
    <g:img dir="images" file="case4.jpg"/>
    <p class="case_name">
        <g:link controller="menu" action="solutioncredit">公共信用服务平台</g:link></p>

    <div class="case_content">
        <h3>公共信用服务平台</h3>

        <p>颐瑞公共信用服务平台系统是以法律法规、标准规范、信用征集、信用服务为主要内容的综合型服务平台。通过围绕 “一网两库一平台一系统”的建设，提高政府服务和监管能力；推广信用体系在各部门和重点领域的应用，从而构建政府主导、社会参与的全方位社会信用体系。</p>
        <g:link controller="menu" action="solutioncredit">查看更多</g:link>
    </div>
</li>
<li>
    <g:img dir="images" file="case5.jpg"/>
    <p class="case_name">
        <g:link controller="menu" action="solutionlife">智慧民生服务平台</g:link></p>

    <div class="case_content">
        <h3>智慧民生服务平台</h3>

        <p>颐瑞智慧民生服务平台是一款集成市民各类生活信息的城市级公共服务平台。是以“智慧城市”建设为基础，以“信息惠民”为宗旨，以广大市民能够足不出户、随时随地享受优质服务和生活便利为目标，为市民精心打造的一款本地化生活服务软件。</p>
        <g:link controller="menu" action="solutionlife">查看更多</g:link>
    </div>
</li>
</ul>
</div>

<div class="line_content">
    <div class="line_center_box">
        <h2 class="p_one">典型案例</h2>

        <p class="p_two">Typical&nbsp;Case</p>
    </div>
</div>

<div class="solution_02">
    <ul class="solution_item_02">
        <li>
            <g:img dir="images" file="jx.jpg"/>

            <p class="case_name_02">
                <g:link controller="menu" action="jiaxing">嘉兴市民卡</g:link></p>

            <div class="case_content_02">
                <h3>嘉兴市民卡</h3>

                <p>嘉兴社会保障市民卡是市政府授权发行的用于市民办理个人社会事务和享受政府公共服务的智能卡。它是您办理各项社会事务和接受政府服务的一把万能钥匙，是您在嘉兴生活、工作、学习的贴身助手。嘉兴社会保障市民卡具有“一卡多能、一卡多用”的独特优势。</p>
                %{--<a href="${grailsApplication.config.address.url}/menu/jiaxing">查看更多</a>--}%
                <g:link controller="menu" action="jiaxing">查看更多</g:link>
            </div>
        </li>
        <li>
            <g:img dir="images" file="jy.jpg"/>

            %{--<p class="case_name_02"><a href="${grailsApplication.config.address.url}/menu/jiangyin">江阴市民卡</a></p>--}%
            <p class="case_name_02">
                <g:link controller="menu" action="jiangyin">江阴市民卡</g:link></p>

            <div class="case_content_02">
                <h3>江阴市民卡</h3>

                <p>江阴市市民卡项目是江阴市委、市政府确定的为民办实事的重要项目，是数字江阴重点工程之一，是现代服务业的综合体现。该项目通过向江阴市民发放市民卡，建立江阴市个人信息交换系统，以及市民卡的服务和应用体系。</p>
                %{--<a href="${grailsApplication.config.address.url}/menu/jiangyin">查看更多</a>--}%
                <g:link controller="menu" action="jiangyin">查看更多</g:link>
            </div>
        </li>
        <li>
            %{--<img src="${grailsApplication.config.address.url}/assets/zs_2.jpg"/>--}%
            <g:img dir="images" file="zs_2.jpg"/>

            %{--<p class="case_name_02"><a href="${grailsApplication.config.address.url}/menu/zhoushan">舟山市民征信平台</a></p>--}%
            <p class="case_name_02">
                <g:link controller="menu" action="zhoushan">舟山市民征信平台</g:link></p>

            <div class="case_content_02">
                <h3>舟山市民征信平台</h3>

                <p>舟山市公共信用信息平台，是按照党的十八大、十八届三中全会和“十二五”规划纲要精神，以健全信用法律法规和标准体系、形成覆盖全社会的征信系统为基础，以提高全社会诚信意识和信用水平、改善经济社会运行环境为目的来统一规划、设计与建设的。</p>
                %{--<a href="${grailsApplication.config.address.url}/menu/zhoushan">查看更多</a>--}%
                <g:link controller="menu" action="zhoushan">查看更多</g:link>
            </div>
        </li>
    </ul>
</div>

<div class="line_content">
    <div class="line_center_box">
        <h2 class="p_one">关于颐瑞</h2>

        <p class="p_two">About&nbsp;Us</p>
    </div>
</div>

<div class="about_us">
    <p><strong
            style="font-weight: normal;">杭州颐瑞科技有限公司</strong>是一家专业提供智慧城市业务咨询、规划、建设及平台运维的解决方案提供商。公司的宗旨是：确立以客户为中心、以“互联网+大数据”为平台、以“软件+服务”为商业模式，专注于智慧城市领域的专业产品和服务。
    </p>
</div>

<div class="contact_box">
    <div class="contact_us">
        <div class="left_contact">
            <h3>联系我们</h3>

            <p>
                <g:img dir="images" file="icon/email_icon.png"/>
                <span>电子邮箱：admin@eracloud.cn</span></p>

            <p>
                <g:img dir="images" file="icon/phone_icon.png"/>
                <span>联系电话、传真：0571-88802122</span></p>

            <p>
                <a href="http://j.map.baidu.com/LaVDN">
                    <g:img dir="images" file="icon/address_icon.png"/></a>
                <span>联系地址：杭州市西湖区振华路206号西港新界东区8幢c座16楼</span></p>
        </div>

        <div class="right_contact">
            <form class="record_form" id="record_form" onsubmit="return false">
                <span>姓名：</span>
                <input id="username" type="text" name="username" required maxlength="8"/><label>*</label><br/>
                <span>电话：</span>
                <input id="phone" type="text" name="phone" required minlength="11" maxlength="11"/><label>*</label><br/>
                <span>Email：</span>
                <input id="email" type="text" name="email" required maxlength="32"/><label>*</label><br/>
                <span>留言：</span>

                <div class="message">
                    <textarea id="mess" name="mess" required maxlength="50"></textarea>
                </div>
                <label>*</label><br/>
                <span>验证码：</span>
                <input type="text" type="text" id="code" name="code" class="footer_yanzhengma" required minlength="4"
                       maxlength="4"/>
                <img id="cfi_cod" src="${grailsApplication.config.address.url}/user/getCode?number=${Math.random()}"
                     onclick="refr();"/>
                <input type="submit" value="提交" class="submit_btn"/>
                <input type="reset" style="display:none;"/>
            </form>
        </div>
    </div>
</div>

<div class="footer">
    <div class="footer_content">
        <div class="footer_left">
            <g:img dir="images" file="erweima.jpg" class="footer_img"/><br/>

            <p>扫描二维码关注颐瑞科技微信公共号</p>
        </div>

        <div class="footer_right">
            <p><a href="http://www.miitbeian.gov.cn/">Copyright&nbsp;©&nbsp;2017&nbsp;颐瑞科技&nbsp;版权所有&nbsp;浙ICP备17050944号</a>
            </p>
        </div>
    </div>
</div>
<script>
    var _hmt = _hmt || [];
    (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?cfe87f0a72b395c8c4eb3b7aa52cea65";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
</body>
</html>